<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>js-demo</title>
  <link rel="stylesheet" href="./index.css">
</head>

<body>
  <div class="app">

    <!-- 上下重叠 -->
    <div class="box_f">
      <div class="box" id="box"></div>
    </div>
    <div class="box_1_f">
      <div class="box_1"></div>
    </div>

    <!-- 父子 -->
    <div class="box_2">
      <div class="son"></div>
    </div>
    <div class="box_3_f">
      <div class="box_3">
      </div>
    </div>


    <!-- 左右布局 -->
    <div class="box_4">
      <div class="left"></div>
      <div class="right"></div>
    </div>


    <!-- 计算高度 -->
    <div class="box_5">
      <div class="text">aaaaaaaaaaaaaaa</div>
    </div>
  </div>
  <!-- JQ -->
  <script src="../../scripts/libs/jquery/jquery.js" type="text/javascript"></script>
  <script src="./index.js" type="text/javascript"></script>
</body>

</html>
